import { ShowcasePageLayout } from '../../showcases';

export default function TypographyDefault() {
  return (
    <div className="prose">
      <figcaption>The New Winner</figcaption>
      <h1>Nike Air Max 270</h1>
      <span className="lead">Experience ultimate comfort and style with the Nike Air Max 270 sneakers.</span>
      <p>Paragraph text</p>
      <figure>
        <blockquote>“Every step is a cushioned stride with the Air Max 270 technology.”</blockquote>
        <figcaption>—Signature</figcaption>
      </figure>
      <p>
        Designed for athletes and sneaker enthusiasts alike, the Nike Air Max 270 combines innovative features with a
        sleek and modern design.
      </p>
      <figure>
        <img src="http://localhost:3100/@assets/card-3.png" alt="Example of marketing card" />
        <figcaption>The Nike Air Max 270 in action</figcaption>
      </figure>
      <hr />
      <h2>Features and Benefits</h2>
      <ul>
        <li>
          <strong>Lightweight and Breathable:</strong> The engineered mesh upper provides excellent breathability,
          keeping your feet cool and comfortable.
        </li>
        <li>
          <strong>Max Air Cushioning:</strong> The visible Max Air unit in the heel offers responsive cushioning and
          impact absorption.
        </li>
        <li>
          <strong>Durable and Flexible:</strong> The rubber outsole with flex grooves ensures durability and flexibility
          for natural foot movements.
        </li>
      </ul>
      <hr />
      <h3>Perfect for Any Occasion</h3>
      <p>
        Whether you are hitting the gym, going for a run, or simply adding a stylish touch to your everyday outfits, the
        Nike Air Max 270 is the perfect choice.
      </p>
      <p>
        With its versatile design and superior comfort, these sneakers are sure to become your go-to footwear option.
      </p>
      <p>Do not compromise on style or performance. Step up your sneaker game with the Nike Air Max 270.</p>
      <hr />
      <h4>Where to buy</h4>
      <p>
        Find the Nike Air Max 270 at authorized retailers or shop online on our website to get your hands on this iconic
        pair of sneakers.
      </p>
      <hr />
      <strong className="prose-medium">Product Specifications</strong>
      <table>
        <thead>
          <tr>
            <th>Feature</th>
            <th>Details</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Upper material</td>
            <td>Leather and mesh</td>
          </tr>
          <tr>
            <td>Sole material</td>
            <td>Rubber</td>
          </tr>
          <tr>
            <td>Closure Type</td>
            <td>Lace up</td>
          </tr>
          <tr>
            <td>Available Sizes</td>
            <td>US 6-12</td>
          </tr>
        </tbody>
      </table>
    </div>
  );
}

// #endregion source
TypographyDefault.getLayout = ShowcasePageLayout;
